<template>
  <div>
    <h1>请选者你想喜欢的专栏</h1>
  <input type="checkbox" v-model="hobby" value="科幻">科幻
  <input type="checkbox" v-model="hobby" value="喜剧">喜剧
  <input type="checkbox" v-model="hobby" value="动漫">动漫
  <input type="checkbox" v-model="hobby" value="冒险">冒险
  <input type="checkbox" v-model="hobby" value="科技">科技
  <input type="checkbox" v-model="hobby" value="军事">军事
  <input type="checkbox" v-model="hobby" value="娱乐">娱乐
  <input type="checkbox" v-model="hobby" value="奇闻">奇闻
  <ul>
    <li v-for="item in hobby" :key="item">{{item}}</li>
  </ul>

  <!-- <span v-for="(obj,index) in arr" :key="index.id"> -->
 <!-- <input v-model="butt" type="checkbox" value="{{obj}}">{{obj}} </span> -->
<!-- <ul><li v-for="(a,b) in arr" :key="b">{{a}}</li></ul> -->
  </div>
 
</template>

<script>
export default {
data(){
  return{
    arr:["科幻", "喜剧", "动漫", "冒险", "科技", "军事", "娱乐", "奇闻"],
    hobby:[],
  }
},

}
</script>

<style>

</style>